function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function() {
        setTimeout(function(){
            $('.popup_con').fadeOut('fast',function(){}); 
        },1000) 
    });
}

function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function () {
    // 页面加载完成
    //获取用户信息
    var username = '';
    $.get('/api/user',{},function (xhr) {
        //用户未登录
        if(xhr.errno == 4101){
            location.href = '/login.html';
        }else if(xhr.errno == 0){
            username = xhr.data.username;
            $("#user-name").val(username);
            if (xhr.data.avatar) {
                $("#user-avatar").attr("src", xhr.data.avatar);
            }
        }
    });

    //设置头像
    $('#form-avatar').submit(function (event) {
        //阻止表单的默认行为
        event.preventDefault();
        //使用插件提交图片数据
        $(this).ajaxSubmit({
            url: '/api/user/avatar',
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRFToken': getCookie('csrf_token')
            },
            success: function (xhr) {
                if (xhr.errno == 0) {
                    // 上传头像成功, 设置页面中头像展示的url
                    $("#user-avatar").attr("src", xhr.data.avatar);
                } else if (xhr.errno == 4101 ){
                    // 表示用户未登录, 跳转到登录页面
                    location.href = "/login.html";
                } else {
                    alert(xhr.errmsg);
                }
            }
        });
    });

    //修改用户名
    $('#form-name').submit(function (event) {
        //阻止表单默认行为
        event.preventDefault();
        //提交表单
        new_username = $.trim($("#user-name").val());
        if(new_username.length < 3 || new_username.length > 20){
           alert('用户名长度为4-20个字符');
           return ;
        }
        if (username == new_username){
            alert('确认要修改用户名吗，那就改一下啦！')
            return ;
        }
        info = {'username': new_username}
        $.ajax({
            url: '/api/user',
            type: 'put',
            data: JSON.stringify(info),
            dataType: 'json',
            contentType: 'application/json',
            headers: {
                'X-CSRFToken': getCookie('csrf_token')
            },
            success: function (xhr) {
                if (xhr.errno == 0) {
                    $("#user-name").val(xhr.data.username);
                }else{
                    alert(xhr.errmsg);
                }
            }

        })
    })

});